@charset "utf-8";/* 轮播图css */
.slideBox003 {
    width: 100%;
    text-align: center;
    overflow: hidden;
    height: 700px;
    position: relative;
    z-index: 1;
}

.slideBox003 .hd {
    display: inline-block;
    position: relative;
    bottom: -511px;
    z-index: 1;
}

.slideBox003 .hd ul {
    overflow: hidden;
    zoom:1;float: left;
}

.slideBox003 .hd ul li {
    float: left;
    margin: 0 4.5px;
    width: 47px;
    height: 4px;
    line-height: 10px;
    text-align: center;
    background: #0660af;
    cursor: pointer;
}

.slideBox003 .hd ul li.cur {
    background: #e62129;
    color: #fff;
}

.slideBox003 .bd {
    position: relative;
    z-index: 0;
}

.slideBox003 .bd li {
    zoom:1;vertical-align: middle;
    display: block;
    height: 700px;
    cursor: pointer;
}

.slideBox003 .bd li a {
    width: 100%;
    height: 700px;
    display: block;
}

.slideBox003 .prevStop {
    display: none;
}

.slideBox003 .nextStop {
    display: none;
}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.slideBox003 .prev {
    position: absolute;
    left: 40px;
    top: 40%;
    display: block;
    width: 40px;
    height: 129px;
    background: url(../images/bajtz.jpg) 0px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.2;
}

.slideBox003 .next {
    position: absolute;
    right: 40px;
    top: 40%;
    display: block;
    width: 40px;
    height: 129px;
    background: url("../images/bajtr.jpg") 0px 5px no-repeat;
    filter: alpha(opacity=50);
    opacity: 0.2;
}

.slideBox003 .prev:hover,.slideBox003 .next:hover {
    filter: alpha(opacity=100);
    opacity: 0.8;
}

.slideBox003 .prevStop {
    display: none;
}

.slideBox003 .nextStop {
    display: none;
}

/* 轮播图css结束 */
/*搜索和热门搜索*/
.research {
    height: 60px;
    background: #ededed;
    margin-top: -4px;
}

.research .rscont {
    height: 60px;
    overflow: hidden;
}

.container {
    margin-left: auto;
    margin-right: auto;
    width: 1200px;
    font-family: microsoft yahei;
    /* overflow:hidden; */
}

.research .rscont .hotworld {
    height: 60px;
    line-height: 60px;
    width: 700px;
    float: left;
}

.rscont .hotworld * {
    display: inline-block;
    float: left;
    font-size: 17px;
}

.rscont .hotworld span {
    color: #6d6d6d;
    font-weight: bold;
}

.rscont .hotworld a {
    color: #6d6d6d;
    margin-right: 8px;
}

.rscont .rsbox {
    width: 296px;
    background: #ddd;
    height: 45px;
    overflow: hidden;
    margin-top: 8px;
    float: right;
}

.rscont .rsbox .cont_text {
    width: 220px;
    float: left;
    height: 15px;
    font-size: 14px;
    color: #6d6d6d;
    background: none;
    border: none;
    outline: none;
    padding: 15px 0px 15px 10px;
}

.rscont .rsbox .cont_btn {
    width: 51px;
    height: 45px;
    float: right;
    background: url(../images/rsbtn.png) no-repeat;
    cursor: pointer;
    outline: none;
    border: none;
}

/*speak*/
.trays {
    padding: 80px 0 100px 0;
    background: #f6f8f9 url(../images/20201111145643_1290524691.jpg) no-repeat center;
}

.trays .tratitl {
    text-align: center;
    font-size: 40px;
    color: #323436;
}

.trays .tratitl b {
    color: #020d92;
}

.trays .tratitl span {
    display: block;
    font-size: 18px;
    color: #878a8d;
    margin-top: 10px;
}

.trays ul {
    font-size: 0;
    margin-top: 45px;
    text-align: center;
}

.trays ul li {
    display: inline-block;
    vertical-align: top;
    text-align: center;
    width: 241px;
    position: relative;
}

.trays ul li+li {
    margin-left: 95px;
}

.trays .trapic:after {
    content: "";
    background: url(../images/20201111145643_1910088694.png) no-repeat top center;
    width: 100%;
    height: 0;
    transition: all .3s ease;
    position: absolute;
    display: block;
    top: 10px;
    left: 0;
}

.trapic {
    transition: all .3s ease;
    width: 241px;
    height: 298px;
    background: url(../images/20201111145643_402096399.png) no-repeat center;
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    flex-wrap: nowrap;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.trays .trapic img {
    position: relative;
    z-index: 3;
}

.trays .tra_t {
    font-size: 14px;
    color: #8c9095;
    line-height: 28px;
}

.trays .tra_t span {
    display: block;
    font-size: 28px;
    color: #50555b;
    line-height: 65px;
}

.trays ul li:after {
    display: block;
    position: absolute;
    width: 45px;
    height: 101px;
    content: '';
    left: 100%;
    top: 117px;
}

.trays ul li:hover .trapic:after {
    height: 100%;
}

/*首页---产品中心*/
.home {
    overflow: hidden;
}

.home_title {
    position: relative;
    text-align: center;
}

.home_tname {
    font-size: 28px;
}

.home_tline {
    width: 100%;
    height: 12px;
    margin-top: 24px;
}

.home_tEname {
    margin-top: 10px;
    font-size: 12px;
    color: #888;
    text-transform: uppercase;
}

.home_product {
    padding: 50px 0 30px 0;
    background: #f7f7f7;
}

.home_product .content {
    width: 1300px;
    margin: 0 auto;
    position: relative;
}

.home_product .home_tname {
    font-size: 36px;
}

.home_product .home_tname span {
    color: #020d92;
    font-weight: 600;
}

.home_product .home_tline {
    height: 18px;
    margin-top: 12px;
    background: url(../images/home_titbg2.png) no-repeat center top;
}

.home_product .home_tdesc {
    font-size: 16px;
    margin-top: 6px;
}

.home_pro_box {
    margin-top: 40px;
}

.home_pro_lt {
    width: 283px;
    float: left;
}

.home_pro_lt dt {
    height: 98px;
    background: #111;
    text-align: center;
    color: #fff;
}

.home_pro_lt dt h3 {
    height: 36px;
    line-height: 36px;
    font-family: "STZhongsong";
    font-size: 26px;
    font-weight: normal;
    padding-top: 20px;
}

.home_pro_lt dt p {
    line-height: 24px;
    font-size: 12px;
    text-transform: uppercase;
}

.home_pro_lt dt p span {
    display: inline-block;
    *display: inline;
    *zoom: 1; position: relative;
    padding: 0 14px;
}

.home_pro_lt dt p span i {
    display: block;
    width: 20px;
    height: 1px;
    background: #6b6b6b;
    background: rgb(107,107,107,.3);
    position: absolute;
    top: 50%;
}

.home_pro_lt dt p span i.ipro_l {
    left: -20px;
}

.home_pro_lt dt p span i.ipro_r {
    right: -20px;
}

.home_pro_lt li {
    font-size: 16px;
    background: #f5f5f5;
}

.home_pro_lt li a {
    display: block;
    height: 53px;
    line-height: 53px;
    background: #fff;
    border-bottom: 1px solid #f4f4f4;
    padding-left: 46px;
    padding-right: 64px;
    position: relative;
}

.home_pro_lt li a i {
    display: block;
    width: 18px;
    height: 18px;
    background: url(../images/arrow_btn.png) no-repeat 0 -20px;
    position: absolute;
    right: 36px;
    top: 50%;
    margin-top: -9px;
}

.home_pro_lt li a:hover {
    background: #020d92;
    color: #fff !important;
}

.home_pro_lt li:hover a i {
    background-position: -18px -20px;
}

.home_pro_lt dl {
    background: #fff;
}

.home_pro_lt dl:hover {
    background: #fff;
    color: #111 !important;
}

.home_pro_lt dl dd {
}

.home_pro_lt dl dd a {
    background: #fff;
    border-bottom: 1px solid #fff;
    padding-left: 45px;
    padding-right: 40px;
    display: block;
    font-size: 14px;
    height: 39px;
    line-height: 39px;
    position: relative;
}

.home_pro_lt dl dd a:hover {
    background: #fff;
    color: #111 !important;
}

.home_pro_rt {
    width: 972px;
    float: right;
}

.home_pro_rt ul {
    margin-right: -25px;
    margin-bottom: -26px;
}

.home_pro_rt li {
    width: 305px;
    float: left;
    margin-right: 25px;
    margin-bottom: 26px;
    border: 1px solid #ddd;
}

.home_pro_rt li a {
    display: block;
}

.home_pro_pic {
    width: 305px;
    height: 100%;
    background: #fff;
    overflow: hidden;
}

.home_pro_pic img {
    display: block;
    width: 100%;
    height: 100%;
    transition: all .5s;
}

.home_pro_name {
    height: 50px;
    line-height: 50px;
    background: #444;
    padding: 0 10px;
    font-size: 16px;
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    transition: all .4s;
    color: #fff;
}

.home_pro_rt li a:hover .home_pro_pic img {
    transform: scale(1.05);
}

.home_pro_rt li a:hover .home_pro_name {
    background: #020d92;
    color: #fff;
}

/*优势*/
.prod_adva_bg {
    height: 765px;
    background: url(../images/20210414150020_39256745.jpg)no-repeat center;
}

.prod_adva_bg .top70 {
}

.t_prod_adva {
    padding-top: 70px;
}

.t_prod_adva b,.t_prod_adva p {
    color: #fff;
}

.prod_adva {
    width: 96%;
    min-width: 1300px;
    margin: auto;
}

.prod_adva li {
    float: left;
    width: 15.2%;
    height: 532px;
    margin-right: 1%;
    padding: 0 2% 0 2%;
    cursor: pointer;
    transition: all 0.3s;
}

.prod_adva li:nth-child(1),.prod_adva li:nth-child(3),.prod_adva li:nth-child(5) {
    background: url(../images/20210414155602_48007684.png)no-repeat;
}

.prod_adva li:nth-child(2),.prod_adva li:nth-child(4) {
    background: url(../images/20210414151152_4869935.png)no-repeat;
}

.prod_adva li.on:nth-child(1),.prod_adva li.on:nth-child(3),.prod_adva li.on:nth-child(5) {
    background: url(../images/20210414155021_1276576404.png)no-repeat;
}

.prod_adva li.on:nth-child(2),.prod_adva li.on:nth-child(4) {
    background: url(../images/20210414155655_879515323.png)no-repeat;
}

.prod_adva li:last-child {
    margin-right: 0%;
}

.prod_adva li t {
    display: block;
    font-size: 26px;
    color: #333;
    transition: all 0.3s;
}

.prod_adva li.on t,.prod_adva li.on p {
    color: #fff;
}

.prod_adva li t:before {
    content: "";
    display: block;
    width: 50px;
    height: 48px;
    margin: 5.75vw 0 1.02vw 0;
    background: url(../images/20210414152329_539652971.png)no-repeat;
    transition: all 0.3s;
}

.prod_adva li:nth-child(2) t:before {
    background-position: -50px 0;
}

.prod_adva li:nth-child(3) t:before {
    background-position: -100px 0;
}

.prod_adva li:nth-child(4) t:before {
    background-position: -150px 0;
}

.prod_adva li:nth-child(5) t:before {
    background-position: -200px 0;
}

.prod_adva li.on:nth-child(1) t:before {
    background-position: 0px -48px;
}

.prod_adva li.on:nth-child(2) t:before {
    background-position: -50px -48px;
}

.prod_adva li.on:nth-child(3) t:before {
    background-position: -100px -48px;
}

.prod_adva li.on:nth-child(4) t:before {
    background-position: -150px -48px;
}

.prod_adva li.on:nth-child(5) t:before {
    background-position: -200px -48px;
}

.prod_adva li p {
    margin-top: 3px;
    font-size: 16px;
    color: #666;
    line-height: 28px;
    transition: all 0.3s;
}

/*优势*/
.prod_adva_bg {
    height: 765px;
    background: url(../images/20210414150020_39256745.jpg)no-repeat center;
}

.t {
    text-align: center;
}

.t b {
    font-size: 40px;
    color: #222;
}

.t t {
    color: #020d92;
}

.t p {
    font-size: 18px;
    color: #666;
    line-height: 30px;
}

.t_prod_adva b,.t_prod_adva p {
    color: #fff;
}

.prod_adva {
    width: 96%;
    min-width: 1300px;
    margin: auto;
    margin-top: 70px;
}

.prod_adva li {
    float: left;
    width: 15.2%;
    height: 532px;
    margin-right: 1%;
    padding: 0 2% 0 2%;
    cursor: pointer;
    list-style: none;
    transition: all 0.3s;
}

.prod_adva li:nth-child(1),.prod_adva li:nth-child(3),.prod_adva li:nth-child(5) {
    background: url(../images/20210414155602_48007684.png)no-repeat;
}

.prod_adva li:nth-child(2),.prod_adva li:nth-child(4) {
    background: url(../images/20210414151152_4869935.png)no-repeat;
}

.prod_adva li.on:nth-child(1),.prod_adva li.on:nth-child(3),.prod_adva li.on:nth-child(5) {
    background: url(../images/20210414155021_1276576404.png)no-repeat;
}

.prod_adva li.on:nth-child(2),.prod_adva li.on:nth-child(4) {
    background: url(../images/20210414155655_879515323.png)no-repeat;
}

.prod_adva li:last-child {
    margin-right: 0%;
}

.prod_adva li t {
    display: block;
    font-size: 26px;
    color: #333;
    transition: all 0.3s;
}

.prod_adva li.on t,.prod_adva li.on p {
    color: #fff;
}

.prod_adva li t:before {
    content: "";
    display: block;
    width: 50px;
    height: 48px;
    margin: 5.75vw 0 1.02vw 0;
    background: url(../images/20210414152329_539652971.png)no-repeat;
    transition: all 0.3s;
}

.prod_adva li:nth-child(2) t:before {
    background-position: -50px 0;
}

.prod_adva li:nth-child(3) t:before {
    background-position: -100px 0;
}

.prod_adva li:nth-child(4) t:before {
    background-position: -150px 0;
}

.prod_adva li:nth-child(5) t:before {
    background-position: -200px 0;
}

.prod_adva li.on:nth-child(1) t:before {
    background-position: 0px -48px;
}

.prod_adva li.on:nth-child(2) t:before {
    background-position: -50px -48px;
}

.prod_adva li.on:nth-child(3) t:before {
    background-position: -100px -48px;
}

.prod_adva li.on:nth-child(4) t:before {
    background-position: -150px -48px;
}

.prod_adva li.on:nth-child(5) t:before {
    background-position: -200px -48px;
}

.prod_adva li p {
    margin-top: 3px;
    font-size: 16px;
    color: #666;
    line-height: 28px;
    transition: all 0.3s;
}

/*实力源泉*/
.strength {
    padding: 57px 0;
    background: url("../images/inbj2.jpg")no-repeat center center;
    overflow: hidden;
}

.strtit {
    text-align: center;
}

.strtit p {
    background: url("../images/bjx1.png")no-repeat center center;
    color: #fff;
    font-size: 48px;
    font-weight: bold;
}

.strtit span {
    color: #a4cbee;
    font-size: 18px;
    display: block;
    padding: 6px 0;
}

.strnr {
    overflow: hidden;
    margin-top: 46px;
}

.strnr ul li {
    background: #fff;
    float: left;
    width: 266px;
    padding: 13px;
    margin: 0 5px;
    height: 440px;
    cursor: pointer;
}

.strnr ul li:hover {
    background: #026cc4;
}

.strnr ul li:hover .wen p,.strnr ul li:hover .wen span,.strnr ul li:hover .wen b {
    color: #fff;
}

.strnr ul li .pic img {
    width: 268px;
    height: 217px;
    overflow: hidden;
}

.strnr ul li .pic {
    width: 268px;
    height: 217px;
    overflow: hidden;
}

.strnr ul li:first-child {
    border-radius: 33px 0 0 0;
    margin: 0 5px 0 0;
}

.strnr ul li:first-child .pic img {
    border-radius: 20px 0 0 0;
}

.strnr ul li:last-child {
    border-radius: 0 33px 0 0;
    margin: 0 0 0 5px;
}

.strnr ul li:last-child .pic img {
    border-radius: 0 20px 0 0;
}

.strnr ul li .wen p {
    color: #020d92;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
}

.strnr ul li .wen {
    padding: 30px 0;
    overflow: hidden;
}

.strnr ul li .wen i {
    width: 100%;
    height: 1px;
    background: #e4e4e4;
    margin: 15px 0 17px;
    display: block;
}

.strnr ul li .wen span {
    color: #666666;
    font-size: 14px;
    line-height: 24px;
    padding: 0 12px;
    display: block;
}

.strnr ul li .wen span b {
    color: #333;
}

/*在线留言*/
.custom {
    width: 100%;
    height: 480px;
    background: url(../images/inbj3.jpg)no-repeat center center;
}

.custom_row1 {
    font-size: 34px;
    color: #fff;
    font-weight: 100;
    text-align: center;
    line-height: 45px;
    display: block;
    padding-top: 25px;
}

.custom_row1 > .str {
    font-size: 34px;
    color: #fff;
    font-weight: bold;
    display: inline-block;
}

.custom_row1 p {
    text-align: center;
    color: #fff;
    line-height: 30px;
    font-size: 13px;
}

.custom_row2 {
    text-align: center;
    padding: 30px 0;
    position: relative;
}

.custom_row2:after {
    content: '';
    display: block;
    width: 1420px;
    height: 50px;
    left: -60px;
    position: absolute;
    top: 82px;
}

.custom_item {
    width: 120px;
    height: 80px;
    text-align: center;
    padding: 40px 20px;
    display: inline-block;
    margin: 0 25px;
    position: relative;
    z-index: 5
}

.custom_item > i {
    display: block;
    width: 36px;
    height: 36px;
    margin: 0 auto;
    padding-top: 5px
}

.custom_item > i > img {
    display: block;
    width: 42px;
}

.custom_item p {
    font-size: 16px;
    color: #343434;
    line-height: 32px;
    display: block;
    font-weight: 100;
}

.custom_item_c p {
    color: #fff;
}

.custom_row3 {
    width: 1240px;
    height: 230px;
    background: url(../images/custom_row3.png) no-repeat center;
    position: relative;
    padding: 60px;
    margin: auto;
}

.custom_row3 > .fl {
    width: 480px;
    text-align: right;
}

.custom_row3:after {
    content: '';
    width: 340px;
    height: 230px;
    display: block;
    position: absolute;
    bottom: 0;
    left: -70px;
    top: 135px;
}

.custom_row3 > .fl > strong {
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
    padding-top: 10px;
    display: block;
    color: #020d92;
}

.custom_row3 > .fl > p {
    display: block;
    color: #333;
    font-weight: 100;
    font-size: 16px;
    line-height: 30px;
    padding-bottom: 16px;
}

.custom_row3 > .fl > .custom_tel {
    display: block;
    padding-right: 65px;
    position: relative;
    font-size: 16px;
    color: #333;
    line-height: 55px;
}

.custom_row3 > .fl > .custom_tel:after {
    content: '';
    display: block;
    width: 50px;
    height: 50px;
    border: 1px solid #020d92;
    position: absolute;
    border-radius: 50%;
    right: 0px;
    top: 2px;
    background: #fff url(../images/custom_tel.png) no-repeat center 13px;
    transition: 0.3s all ease;
    transform: rotate(0deg)
}

.custom_row3:hover > .fl > .custom_tel:after {
    background-color: #020d92;
    background-position-y: -42px;
}

.custom_row3 > .fl > .custom_tel > .str {
    display: block;
    font-size: 24px;
    color: #020d92;
    font-family: arial;
    font-weight: bold;
    line-height: 30px;
}

.custom_contact {
    margin-top: 20px;
    ;display: block;
    width: 160px;
    margin-left: auto;
    background: #020d92;
    background: -moz-linear-gradient(top, #020d92 0%, #020d92 100%);
    background: -webkit-linear-gradient(top, #020d92 0%,#020d92 100%);
    background: linear-gradient(to bottom, #020d92 0%,#020d92 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d8234d', endColorstr='#a2040d',GradientType=0 );
    line-height: 40px;
    border-radius: 50px;
    text-align: center;
    position: relative;
    height: 40px;
    overflow: hidden;
    transform: rotate(0deg);
}

.custom_contact i {
    display: block;
    color: #fff;
    font-size: 15px;
    font-style: normal;
    padding-left: 26px;
    background: url(../images/custom_contact.png) no-repeat 35px center;
    line-height: 40px;
    position: relative;
    z-index: 3;
}

.custom_contact:after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    background: #020d92;
    background: -moz-linear-gradient(top, #020d92 0%, #e5009 100%);
    background: -webkit-linear-gradient(top, #020d92 0%,#020d92 100%);
    background: linear-gradient(to bottom, #020d92 0%,#020d92 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffbb00', endColorstr='#ff8a00',GradientType=0 );
    left: 0;
    top: 0;
    width: 0;
    transition: 0.3s all ease
}

.custom_row3:hover .custom_contact:after {
    width: 100%;
}

.custom_row3 > .fr {
    display: block;
    width: 640px;
    float: right;
    padding: 12px 20px;
}

.custom_row3 > .fr > #feedback_form {
    display: block;
}

.custom_row3 > .fr > #feedback_form > .feedback_p {
    font-size: 16px;
    color: #454545;
    font-weight: 100;
    line-height: 36px;
    display: block;
    text-align: center;
}

.custom_row3 > .fr > #feedback_form .col6.name {
    float: left;
    width: 290px;
    margin-right: 10px;
}

.custom_row3 > .fr > #feedback_form .col6 {
    width: 340px;
    float: left;
}

.custom_row3 > .fr > #feedback_form .col6 input {
    display: block;
    width: 100%;
    box-sizing: border-box;
    height: 50px;
    border: 1px solid #ebebeb;
    box-shadow: 0px 0px 10px #efefef inset;
    padding: 0 20px;
    margin-bottom: 10px;
    transition: 0.3s all ease;
}

.custom_row3 > .fr > #feedback_form .col6 input:focus,.custom_row3 > .fr > #feedback_form .col6 input:hover {
    border-color: #020d92;
    color: #020d92;
    box-shadow: 0px 0px 10px #ffe5df inset;
}

.custom_row3 > .fr > #feedback_form .col6 input#username {
}

.custom_row3 > .fr > #feedback_form .col6 input#f_mobile {
    background: url(../images/f_mobile.png) no-repeat 250px center
}

.custom_row3 > .fr > #feedback_form .col6 textarea {
    width: 100%;
    max-width: 100%;
    min-width: 100%;
    border: 1px solid #ebebeb;
    box-shadow: 0px 0px 10px #efefef inset;
    height: 110px;
    box-sizing: border-box;
    padding: 15px;
    transition: 0.3s all ease;
}

.custom_row3 > .fr > #feedback_form .col6 textarea:focus,.custom_row3 > .fr > #feedback_form .col6 textarea:hover {
    border-color: #020d92;
    color: #020d92;
    box-shadow: 0px 0px 10px #ffe5df inset;
}

.custom_row3 > .fr > #feedback_form .feedback_btn .btns {
    color: #fff;
    border: 0 none;
    width: 100%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    box-sizing: border-box;
    padding-left: 45px;
    cursor: pointer;
}

/*第一现场*/
.firsts {
    padding: 60px 0;
    overflow: hidden;
}

.firtit {
    text-align: center;
}

.firtit p {
    background: url("../images/bjx2.png")no-repeat 160px center;
    color: #cb0000;
    font-size: 48px;
    font-weight: bold;
}

.firtit p i {
    color: #026cc4;
}

.firtit span {
    color: #666;
    font-size: 18px;
    display: block;
    padding: 6px 0;
}

.case_nav {
    height: 95px;
    overflow: hidden;
    background: #f5f5f5;
    margin: 38px 0;
}

.case_nav span {
    width: 92px;
    margin-right: 14px;
    overflow: hidden;
    font-size: 18px;
    color: #555555;
    text-align: center;
    line-height: 28px;
    display: block;
    float: right;
}

.case_nav span i {
    display: block;
    width: 82px;
    height: 82px;
    background: #bfbfbf;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 82px;
    text-transform: uppercase;
    font-family: Arial;
    border-radius: 100%;
    margin: 0 auto 4px;
}

.gd {
    display: block;
    float: left;
    font-size: 18px;
    width: 134px;
    padding-top: 56px;
    text-align: center;
    height: 48px;
    background: url("../images/fico8.png") no-repeat center 16px;
    color: #333;
    border-left: none;
    line-height: 20px;
}

.case_nav li {
    float: left;
    flex: 1;
    height: 95px;
    width: 150px;
    overflow: hidden;
    position: relative;
    margin-right: -1px;
}

.case_nav li a {
    display: block;
    font-size: 16px;
    line-height: 20px;
    height: 95px;
    color: #333333;
    text-align: center;
    padding-top: 56px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    width: 149px;
}

.case_nav li i {
    background: url(../images/fhx.jpg)no-repeat right center;
    width: 1px;
    height: 95px;
    float: left;
}

.case_nav li:last-child {
    margin-right: 0;
}

.case_nav li:nth-child(1) {
    background: url(../images/fico1.png) no-repeat center 16px;
}

.case_nav li:nth-child(2) {
    background: url("../images/fico2.png") no-repeat center 16px;
}

.case_nav li:nth-child(3) {
    background: url("../images/fico3.png") no-repeat center 16px;
}

.case_nav li:nth-child(4) {
    background: url("../images/fico4.png") no-repeat center 16px;
}

.case_nav li:nth-child(5) {
    background: url("../images/fico5.png") no-repeat center 16px;
}

.case_nav li:nth-child(6) {
    background: url("../images/fico6.png") no-repeat center 16px;
}

.case_nav li:nth-child(7) {
    background: url("../images/fico7.png") no-repeat center 16px;
}

.case_nav li a:hover,.case_nav .on a {
    color: #020d92;
    font-weight: bold;
    font-size: 16px;
}

.case_nav li:nth-child(1) a:hover,.case_nav li:nth-child(1).on a {
    background: url("../images/fico1l.png") no-repeat center 16px;
}

.case_nav li:nth-child(2) a:hover,.case_nav li:nth-child(2).on a {
    background: url("../images/fico2l.png") no-repeat center 16px;
}

.case_nav li:nth-child(3) a:hover,.case_nav li:nth-child(3).on a {
    background: url("../images/fico3l.png") no-repeat center 16px;
}

.case_nav li:nth-child(4) a:hover,.case_nav li:nth-child(4).on a {
    background: url("../images/fico4l.png") no-repeat center 16px;
}

.case_nav li:nth-child(5) a:hover,.case_nav li:nth-child(5).on a {
    background: url("../images/fico5l.png") no-repeat center 16px;
}

.case_nav li:nth-child(6) a:hover,.case_nav li:nth-child(6).on a {
    background: url("../images/fico6l.png") no-repeat center 16px;
}

.case_nav li:nth-child(7) a:hover,.case_nav li:nth-child(7).on a {
    background: url("../images/fico7l.png") no-repeat center 16px;
}

/* 本例子css */
.slideGroup11 {
    width: 100%;
    text-align: left;
}

.slideGroup11 .parHd {
    position: relative;
}

.slideGroup11 .parHd ul {
    float: left;
    position: absolute;
    overflow: hidden;
}

.slideGroup11 .parHd ul li {
    float: left;
    cursor: pointer;
}

.slideGroup11 .slideBox11 {
    overflow: hidden;
    zoom:1;padding: 10px 0 10px 76px;
    position: relative;
}

.slideGroup11 .sPrev {
    position: absolute;
    top: 38%;
    left: -88px;
    background: url(../images/fjtz.png) no-repeat center 0;
    width: 70px;
    height: 70px;
    z-index: 3;
}

.slideGroup11 .sNext {
    position: absolute;
    top: 38%;
    right: -88px;
    background: url(../images/fjtr.png) no-repeat center 0;
    width: 70px;
    height: 70px;
    z-index: 3;
}

.slideGroup11 .parBd .tempWrap {
    width: 1200px!important;
}

.slideGroup11 .parBd {
    position: relative;
    height: 260px;
}

.slideGroup11 .parBd ul {
    overflow: hidden;
    zoom:1;}

.slideGroup11 .parBd ul li {
    margin: 0 9px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    width: 285px;
    height: 260px;
    background: #f5f5f5;
}

.slideGroup11 .parBd ul li .caimg img {
    width: 280px;
    height: 210px;
    display: block;
    position: absolute;
    z-index: 999;
    top: 0;
}

.slideGroup11 .parBd ul li .caimg {
    position: relative;
}

.slideGroup11 .parBd ul li p {
    line-height: 50px;
    color: #333333;
    font-size: 14px;
    display: block;
    position: relative;
    bottom: -210px;
    z-index: 99;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 10px;
}

.slideGroup11 .parBd ul li .pfq {
    width: 280px;
    height: 210px;
    background: rgba(0,0,0,0.6) url("../images/fico9.png")no-repeat center center;
    position: absolute;
    left: 210px;
    z-index: 55;
}

.slideGroup11 .parBd ul li:hover .pfq {
    left: 0;
    transition: all 0.3s ease-out;
    z-index: 8888888;
}

.slideGroup11 .parBd ul li:hover img {
    z-index: 33;
    top: 0;
}

/*advantage*/
/*优势*/
.odds {
    padding: 50px 0;
    overflow: hidden;
    font-size: 15px;
}

.odds .title {
    font-size: 30px;
    color: #000;
    text-align: center;
    line-height: 34px;
    text-transform: uppercase;
}

.ce {
    text-align: center;
}

.grWidth {
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
}

.odds .title span {
    display: block;
    font-size: 50px;
    font-family: Arial;
    color: #e8e8e8;
    line-height: 50px;
}

.oddsMain h5 {
    font-size: 25px;
    color: #fff;
    background: url('../images/odds_num.jpg') no-repeat left top;
    line-height: 84px;
    height: 84px;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px dotted #c0c0c0;
    padding-left: 20px;
}

.oddsMain h5 i {
    font-size: 35px;
    font-family: Arial;
    font-weight: normal;
    float: left;
    margin-top: 0px;
}

.oddsMain p {
    padding-left: 15px;
    margin-bottom: 5px;
    line-height: 30px;
    font-size: 16px;
}

.oddsMain p span {
    color: #020d92;
}

.odds1 {
    background: url('../images/odds1.jpg') no-repeat right top;
    padding: 52px 720px 0 0px;
    height: 310px;
}

.odds2 {
    background: url('../images/odds2.jpg') no-repeat left top;
    padding: 80px 0px 0 720px;
    height: 270px;
}

.odds3 {
    background: url('../images/odds3.jpg') no-repeat right top;
    padding: 50px 700px 0 0px;
    height: 285px;
}

.odds4 {
    background: url('../images/odds4.jpg') no-repeat left top;
    padding: 20px 0px 0 720px;
    height: 245px;
}

.odds5 {
    padding: 50px 710px 0 0px;
    height: 260px;
}

.odds6 {
    padding: 80px 0px 0 720px;
}

.oddsBox1 {
    background: url('../images/odds5.jpg') no-repeat left top;
    height: 645px;
}

/*优势结束*/
/*产品优势*/
.trait .titl {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    color: #666;
}

.trait .titl b {
    font-size: 40px;
    line-height: 50px;
    color: #333;
    display: block;
    margin-bottom: 5px;
}

.trait {
    height: 1200px;
    margin-top: 60px;
    background: url(../images/20201107230453_407303541.jpg)no-repeat center;
}

.trait .w1300 {
    width: 1300px;
    margin: auto;
    margin-top: 100px;
}

.trait .title b:after {
    background: url(../images/20201109172642_517906414.png) no-repeat center;
}

.trait .title b:before {
    background: url(../images/20201109172642_319721592.png) no-repeat center;
}

.trait ul {
    font-size: 0;
}

.trait ul li {
    display: inline-block;
    vertical-align: top;
    width: 242px;
    font-size: 15px;
    color: #fff;
    line-height: 32px;
    background: #444;
    border-radius: 10px;
    padding: 16px;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.trait ul li:after {
    content: '';
    width: 430px;
    height: 430px;
    background: #020d92;
    position: absolute;
    right: -400px;
    bottom: -300px;
    transform: rotate(45deg);
    transition: 0.5s;
    z-index: -1;
}

.trait ul li:hover:after {
    right: -70px;
    bottom: -140px;
}

.trait ul li+li {
    margin-left: 68px;
}

.trait ul li:nth-child(1),.trait ul li:nth-last-child(1) {
    margin-top: 70px;
}

.trait ul li b {
    font-size: 24px;
    color: #ffffff;
    display: block;
}

.trait ul li b:after {
    content: '';
    display: block;
    width: 30px;
    height: 3px;
    background: #ffffff;
    margin: 15px 0 25px 0;
}

/*lc*/
.content {
    width: 1100px;
    margin: 0 auto;
    overflow: hidden;
}

.flow {
    padding-top: 50px;
    height: 430px;
    overflow: hidden;
}

.tit1 {
    font-weight: normal;
    text-align: center;
    line-height: 28px;
}

.tit1 p {
    font-size: 23px;
    color: #c81519;
}

.tit1 b {
    margin: 3px 0;
    display: block;
    font-size: 28px;
    color: #333333;
}

.tit1 em {
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
    letter-spacing: 5px;
}

.flow ul {
    margin-top: 40px;
}

.flow li {
    float: left;
    width: 157px;
    overflow: hidden;
}

.flow li:hover em {
    color: #fff;
    background-position: 0 -96px;
}

.flow li .flbg {
    margin-bottom: 10px;
    height: 103px;
}

.flow li em {
    margin: 0 auto;
    display: block;
    width: 94px;
    height: 94px;
    font-size: 36px;
    color: #878787;
    text-indent: -8px;
    line-height: 94px;
    text-align: center;
    font-style: italic;
}

.flow li p {
    font-size: 15px;
    color: #444;
    text-align: center;
    line-height: 24px;
}

.flow_pho {
    margin: 210px auto 0;
    padding-left: 45px;
    width: 570px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #c81519;
}

.flow_pho a {
    float: right;
    display: block;
    width: 102px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    background: #c81519;
}

.flow_pho i {
    margin-right: 10px;
    font-size: 14px;
    color: #555;
    font-style: normal;
}

.flow_pho i b {
    font-size: 23px;
    color: #c81519;
    letter-spacing: -2px;
    font-style: normal;
}

/*解决方案广告图*/
.solve {
    background: #020d92;
    overflow: hidden;
}

.sol1 {
    background: url("../images/inico13.png")no-repeat left center;
    width: 380px;
    padding: 31px 0 32px;
    float: left;
    position: relative;
}

.sol1 ul li {
    background: url("../images/inico12.png")no-repeat 27px center;
    float: left;
    font-size: 20px;
    color: #fff;
    width: 128px;
    padding-left: 56px;
    line-height: 41px;
}

.sol1 ul li:two-child {
    background: url("../images/inico12.png")no-repeat 9px center!important;
    padding-left: 40px;
}

.sol1 ul li:four-child {
    background: url("../images/inico12.png")no-repeat 9px center!important;
    padding-left: 40px;
}

.solve .sol1 i {
    display: block;
    background: url(../images/inico14.png)no-repeat center center;
    width: 35px;
    height: 35px;
    position: absolute;
    z-index: 999999;
    float: left;
    left: 365px;
    top: 55px;
}

.sol2 {
    background: #686868;
    float: left;
    width: 430px;
    overflow: hidden;
    padding: 44px 0;
    text-align: center;
}

.sol2 p {
    color: #fff;
    font-size: 28px;
    font-weight: bold;
}

.sol2 span {
    font-size: 16px;
    color: #ffff;
}

.sol3 {
    float: left;
    width: 390px;
    padding: 28px 0 30px;
}

.sol3 .wen {
    width: 210px;
    margin: 0 auto;
    background: url(../images/inico15.png)no-repeat left center;
    padding-left: 50px;
    height: 42px;
}

.sol3 .wen p {
    font-size: 14px;
    color: #fff;
}

.sol3 .wen span {
    color: #fff;
    font-weight: bold;
    font-size: 26px;
    line-height: 23px;
}

.sol3 a {
    display: block;
    width: 235px;
    background: #686868;
    margin: 9px auto 0 auto;
    color: #fff;
    font-size: 16px;
    line-height: 36px;
    text-align: center;
}

/*成功案例*/
.sucs {
    background: #f5f5f5;
    padding: 90px 0 20px;
    margin-top: -100px;
}

.suctit p {
    color: #020d92;
}

.suctit p i {
    color: #343434;
}

/* 本例子css */
.picScroll-left44 {
    width: 100%;
    position: relative;
    margin: 32px 0;
    padding-bottom: 30px;
}

.picScroll-left44 .hd {
    position: relative;
    text-align: center;
}

.picScroll-left44 .hd .prev {
    display: block;
    width: 75px;
    height: 75px;
    left: -88px;
    top: 160px;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
    background: url("../images/fjtz.png") no-repeat;
}

.picScroll-left44 .hd .next {
    display: block;
    width: 75px;
    height: 75px;
    overflow: hidden;
    cursor: pointer;
    background: url(../images/fjtr.png) no-repeat;
    position: absolute;
    right: -88px;
    top: 160px;
}

.picScroll-left44 .hd .prevStop {
    background-position: -60px 0;
}

.picScroll-left44 .hd .nextStop {
    background-position: -60px -50px;
}

.picScroll-left44 .hd ul {
    position: absolute;
    bottom: -485px;
    overflow: hidden;
    zoom:1;display: block;
    width: 100%;
    text-align: center;
}

.picScroll-left44 .hd ul li {
    display: inline-block;
    width: 13px;
    height: 13px;
    overflow: hidden;
    margin-right: 5px;
    text-indent: -999px;
    cursor: pointer;
    background: #b6d2e8;
    border-radius: 50%;
}

.picScroll-left44 .hd ul li.on {
    background: #026cc4;
}

.picScroll-left44 .bd {
}

.picScroll-left44 .bd ul {
    overflow: hidden;
    zoom:1;}

.picScroll-left44 .bd ul li {
    margin: 0 8px;
    float: left;
    _display: inline;
    overflow: hidden;
    width: 588px;
}

.picScroll-left44 .bd ul li .pic {
    overflow: hidden;
    width: 588px;
    height: 355px;
    display: block;
}

.picScroll-left44 .bd ul li .pic img {
    width: 588px;
    height: 355px;
    display: block;
    transition: all 0.5s;
}

.picScroll-left44 .bd ul li:hover .pic img {
    transform: scale(1.1);
    transition: all 0.5s;
}

.picScroll-left44 .bd ul li .pic a:hover img {
    border-color: #999;
}

.picScroll-left44 .bd ul li .title {
    line-height: 24px;
}

.sucnr {
    overflow: hidden;
    background: #fff;
}

.sucnr .wen {
    float: left;
    width: 417px;
    padding: 18px 10px 25px 35px;
}

.sucnr .wen p {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    line-height: 38px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

.picScroll-left44 .bd ul li:hover p {
    color: #020d92;
}

.picScroll-left44 .bd ul li:hover .sucnr .more {
    background: url("../images/inico16.png") no-repeat center 65px;
}

.sucnr .wen span {
    color: #666;
    font-size: 14px;
    line-height: 22px;
}

.sucnr .more {
    float: left;
    width: 125px;
    height: 63px;
    border-left: 1px solid #eee;
}

.sucnr .more p {
    line-height: 79px;
    text-align: center;
    font-size: 16px;
    color: #333;
}

/*合作客户*/
.partner {
    width: 100;
    overflow: hidden;
}

.partit {
    background: #026cc4;
    width: 180px;
    height: 160px;
    padding: 40px 27px;
}

.partit p {
    font-size: 26px;
    font-weight: bold;
    color: #fff;
}

.partit span {
    font-size: 36px;
    color: #1586e3;
    font-family: "Arial";
    letter-spacing: -1.5px;
    text-transform: uppercase;
}

.partit a {
    display: block;
}

.partit i {
    display: block;
    background: url("../images/inico17.png")no-repeat;
    width: 45px;
    height: 45px;
    margin-top: 25px;
}

/* 合作css */
.multipleColumn11 {
    position: relative;
    width: 965px;
    text-align: center;
    background: #fff;
}

.multipleColumn11 .bd {
    overflow: hidden;
}

.multipleColumn11 .bd ul {
    overflow: hidden;
    zoom:1;width: 482px;
    _display: inline;
}

.multipleColumn11 .bd ul li {
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    width: 240px;
    height: 120px;
    text-align: center;
}

.multipleColumn11 .bd ul li .pic {
    text-align: center;
}

.multipleColumn11 .bd ul li .pic img {
    width: 240px;
    height: 120px;
    display: block;
}

.multipleColumn11 .bd .mu01 li {
    border-bottom: 1px solid #eee;
    border-right: 1px solid #eee;
}

.multipleColumn11 .bd .mu02 li {
    border-right: 1px solid #eee;
}

/*hezuo*/
.hz-b {
    margin: auto;
    width: 1050px;
}

#hz {
    width: 100%;
    margin: 0 auto;
    background: url(../images/20161030162308_468525249.jpg) center no-repeat;
    height: 611px;
    padding-top: 40px;
}

.hz1 {
    width: 1050px;
    height: 65px;
    text-align: center;
    background: url(../images/20161030162440_1096661181.png) center no-repeat;
}

.hz1_1 {
    font-size: 36px;
    color: #fff;
    letter-spacing: 2px;
    text-align: center;
    font-weight: bold;
    font-family: "Microsoft YaHei";
}

.hz1_1 span {
    font-size: 36px;
    color: #cb0000;
    font-weight: bold;
    font-family: "Microsoft YaHei";
}

.hz1_2 {
    font-family: Arial;
    font-size: 14px;
    letter-spacing: 1px;
    color: #d9d9d9;
    text-transform: uppercase;
    text-align: center;
    line-height: 36px;
}

.hz2 {
    width: 1050px;
    height: 540px;
}

/*lc*/
.lc_bg {
    background: #f5f5f5;
    padding: 20px 0;
    overflow: hidden;
}

.lc ul {
    height: 110px;
    background: url(../images/20181231102547_1016882273.png) center no-repeat;
    margin-bottom: 50px;
}

.lc li {
    float: left;
    width: 100px;
    margin-right: 116px;
    line-height: 0px;
    border: 1px #ccc solid;
    height: 100px;
    border-radius: 50px;
}

.lc li img {
    display: block;
    width: 110px;
    height: 127px;
}

.lc li p {
    display: block;
    color: #666;
    font-size: 14px;
    width: 100px;
    padding-top: 120px;
    text-align: center;
}

.lc .nones {
    width: 100px;
    margin-right: 0px;
}

/*honor*/
.content1 {
    width: 1400px;
    margin: 0 auto;
}

.title {
    text-align: center;
    position: relative;
    width: 1400px;
    margin: auto;
    padding-top: 90px;
}

.titlea {
    font-size: 40px;
    color: #333;
    line-height: 60px;
}

.titlea span {
    font-weight: bold;
}

.titleb {
    font-size: 18px;
    color: #666;
    display: block;
    line-height: 40px;
}

.title:before {
    content: "";
    width: 450px;
    height: 76px;
    background: url(../uploadfile/image/20210129/20210129181415_270541388.png)no-repeat center;
    position: absolute;
    left: 34%;
    top: 0px;
}

.titleax {
    font-size: 36px;
    color: #fff;
    line-height: 70px;
    text-align: center;
}

.titlebx {
    font-size: 18px;
    color: #eee;
    display: block;
    line-height: 30px;
    text-align: center;
}

.titleax span {
    font-weight: bold;
    font-size: 50px;
    color: #cc251d;
    font-family: "SSZH";
    letter-spacing: -2px;
}

.top_box {
    width: 100%;
    height: 282px;
}

.honer {
    padding: 40px 0px;
    margin-bottom: 60px;
    margin-top: 30px;
}

.honer .title t {
    display: inline-block;
    vertical-align: middle;
    width: 400px;
    height: 23px;
    margin: 0 20px;
}

.honer .title t.t {
    transform: rotate(180deg);
}

.poster-main .poster-btn {
    width: 44px;
    height: 32px;
    position: absolute;
    cursor: pointer;
    display: block;
    z-index: 10;
}

.poster-main .poster-btn a {
    position: absolute;
    top: 50%;
    margin-top: -16px;
}

.poster-main .poster-prev-btn a {
    right: -16px;
}

.poster-main .poster-next-btn a {
    left: -16px;
}

.poster-main .poster-next-btn {
    left: -56px;
    top: 130px;
}

.poster-main .poster-prev-btn {
    right: -56px;
    top: 130px;
}

.poster-main .poster-next-btn a:hover,.poster-main .poster-prev-btn a:hover {
    background-position: -36px 0
}

.poster-item {
    position: relative;
}

.poster-item em {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-style: inherit;
    font-size: 14px;
    color: #fff;
    text-align: center;
    overflow: hidden;
    background: rgba(0,0,0,0.7);
    line-height: 50px;
    overflow: hidden;
    height: 50px;
}

.poster-main .poster-list .poster-item img {
    display: block;
    width: 100%;
}

.poster-main {
    position: relative;
    margin-top: 40px;
}

.poster-main .poster-list .poster-item {
    position: absolute;
    left: 0;
    top: 0;
    overflow: inherit !important;
}

.poster-main .poster-btn {
    position: absolute;
    top: 0;
    cursor: pointer;
}

.poster-main .poster-list .active em {
    display: block;
}

.honertab {
    margin: 30px;
    text-align: center;
}

.honertab a {
    display: inline-block;
    width: 158px;
    line-height: 39px;
    border-radius: 20px;
    background: #484848;
    font-size: 18px;
    color: #fff;
}

.honertab a+a {
    margin-left: 10px;
}

.honertab a.on {
    background: #c99d49;
}

.poster-list li {
    box-sizing: content-box;
}

/*bt01*/
.bt01 {
    text-align: center;
    margin-bottom: 30px;
}

.bt01 b {
    font-size: 36px;
}

.bt01 b a {
    font-size: 36px;
    color: #020d92;
    letter-spacing: 3px;
}

.bt01 span {
    font-size: 16px;
    display: block;
    margin-top: 4px;
}

.bt01 i {
    background: #020d92;
    height: 3px;
    width: 40px;
    display: block;
    margin: auto;
    margin-top: 15px;
}

.lc1 {
    background: url(../images/20181231101646_1960261730.png) center no-repeat;
}

.lc2 {
    background: url(../images/20181231101655_402126787.png) center no-repeat;
}

.lc3 {
    background: url(../images/20181231101655_845961586.png) center no-repeat;
}

.lc4 {
    background: url(../images/20181231101655_1925094533.png) center no-repeat;
}

.lc5 {
    background: url(../images/20181231101656_851287243.png) center no-repeat;
}

.lc6 {
    background: url(../images/20181231101656_243868382.png) center no-repeat;
}

.lc1:hover {
    background: #0677b7 url(../images/20181231102952_589164473.png) center no-repeat;
}

.lc2:hover {
    background: #0677b7 url(../images/20181231102952_266791135.png) center no-repeat;
}

.lc3:hover {
    background: #0677b7 url(../images/20181231102953_1634241191.png) center no-repeat;
}

.lc4:hover {
    background: #0677b7 url(../images/20181231102953_1195426576.png) center no-repeat;
}

.lc5:hover {
    background: #0677b7 url(../images/20181231102953_1174756263.png) center no-repeat;
}

.lc6:hover {
    background: #0677b7 url(../images/20181231102953_2109699995.png) center no-repeat;
}

/*成功案例*/
.ll {
    height: 500px;
    /* background:url(../images/partner_bg.jpg) no-repeat center 0; */
    padding-bottom: 40px;
    padding-top: 25px;
}

.jianju {
    width: 1200px;
    margin: auto;
    position: relative;
    top: 25px;
}

.Title {
}

/* title */
.homeT {
    text-align: center;
    position: relative;
    top: 40px;
}

.homeT h3 {
    font-size: 40px;
    line-height: 32px;
    color: #020d92;
}

.homeT h3 span {
    display: inline-block;
    padding: 0 70px;
    position: relative;
}

.homeT h3 span:before {
    content: "";
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 50%;
    height: 14px;
    width: 42px;
    background: url(../images/title-bg.png) no-repeat left top;
}

.homeT h3 span:after {
    content: "";
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 50%;
    height: 14px;
    width: 42px;
    background: url(../images/title-bg.png) no-repeat left top;
}

.homeT p {
    font-size: 14px;
    line-height: 16px;
    color: #aaa;
    text-transform: uppercase;
    margin-top: 10px;
}

.homeTitle {
    text-align: center;
}

.homeTitle h3 {
    font-size: 40px;
    line-height: 40px;
    color: #020d92;
}

.homeTitle h3 span {
    display: inline-block;
    padding: 0 70px;
    position: relative;
}

.homeTitle h3 span:before {
    content: "";
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 50%;
    height: 14px;
    width: 42px;
    background: url(../images/title-bg.png) no-repeat left top;
}

.homeTitle h3 span:after {
    content: "";
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 50%;
    height: 14px;
    width: 42px;
    background: url(../images/title-bg.png) no-repeat left top;
}

.homeTitle p {
    font-size: 14px;
    line-height: 16px;
    color: #aaa;
    text-transform: uppercase;
    margin-top: 10px;
}

.Title h3 {
    font-size: 30px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}

.Title p {
    font-size: 24px;
    text-align: center;
    color: #020d92;
    margin-top: 5px;
}

.cc {
    margin-top: 40px
}

.aa {
    margin-top: 30px;
}

#demo {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

#indemo {
    float: left;
    width: 800%
}

#demo1 {
    float: left;
}

#demo2 {
    float: left;
}

.caselist {
    margin-top: 30px;
}

.caselist li {
    float: left;
    width: 270px;
    height: 370px;
    position: relative;
    margin: 0 20px;
}

.caselist li img {
    width: 270px;
    height: 370px;
}

.caselist li span {
    display: block;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    background: rgba(0,0,0,0.7);
    width: 100%
}

.caselist li span a {
    color: #fff;
}

.hetp {
    width: 290px;
    height: 209px;
    float: left;
    /* border:2px #bbb solid;*/
    margin-left: 6px;
}

.hetp img {
    width: 285px;
    height: 180px;
    border: 2px #bbb solid;
}

.hetp p {
    font-size: 16px;
    text-align: center;
    margin-top: 5px;
}

.hetp p:hover {
    color: #020d92;
}

.hetp img:hover {
    border: 2px #020d92 solid;
}

/*荣誉资质*/
.hotPro {
    padding: 30px 0 1px 0px;
}

.ititle span {
    color: #303030;
    text-transform: uppercase;
    font-size: 26px;
    margin-bottom: 12px;
    font-weight: 200;
    line-height: 1.4;
}

.tac {
    text-align: center;
}

.ititle p {
    color: #7a7a7a;
    background: url(../images/line3.gif) no-repeat center;
    color: #323232;
    font-size: 34px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.ititle em {
    width: 225px;
    height: 8px;
    border-bottom: 1px solid #ddd;
    display: inline-block;
    margin-top: 8px;
}

.indMain {
    background-size: cover;
    background-attachment: fixed;
    margin: auto;
    background: #ededed;
    height: 490px;
}

.icomWarpin {
    /* background:#fff; */
    padding: 20px;
    width: 1170px;
    margin: 0 auto;
    overflow: hidden;
}

.icomWarp {
    padding: 10px 10px 10px;
    background: #fff;
    margin-top: 0px;
    /* border-bottom:1px #ddd solid;*/
    overflow: hidden;
}

.icomWarp h2 {
    width: 401px;
    height: 246px;
    padding: 0px 0px 4px 0px;
    float: left;
}

.icomWarp h3 {
    width: 720px;
    background: #fff;
    padding: 20px 0px;
    float: right;
}

.icomWarp h3 span {
    color: #3bcc49;
}

.icomWarp h3 .con {
    color: #9c9c9c;
}

.icomWarp h3 .con span {
    color: #303030;
    display: inline-block;
    padding-right: 40px;
    font-size: 22px;
    font-weight: normal;
    font-weight: bold;
}

.icomWarp h3 .con em {
    display: block;
    margin: 15px 0px;
    width: 36px;
    height: 2px;
    background-color: #020d92;
}

.icomWarp h3 p {
    line-height: 26px;
    color: #727272;
    font-weight: normal;
}

.mixWarp {
    background: #fff;
    padding: 20px 0px;
}

.down01 {
    color: #303030;
    display: inline-block;
    padding-right: 40px;
    font-size: 27px;
    font-weight: bold;
    margin: -41px 0 5px 6px;
    border-bottom: 1px #ddd solid;
    width: 1109px;
    height: 35px;
}

.down {
    width: 100%;
    margin: 0px 0 0px 0;
}

.picScroll-left {
    width: 1200px;
    position: relative;
    margin: auto;
}

.picScroll-left .hd {
}

.picScroll-left .hd .prev,.picScroll-left .hd .next {
    position: absolute;
    top: 125px;
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    cursor: pointer;
    background: #000;
    z-index: 99999;
}

.picScroll-left .hd .prev {
    left: -15px;
    background: #333333 url(../images/prev_ico.png) no-repeat center;
}

.picScroll-left .hd .next {
    right: -20px;
    background: #333333 url(../images/next_ico.png) no-repeat center;
}

.picScroll-left .hd .prev:hover {
    background: #020d92 url(../images/prev_ico.png) no-repeat center;
}

.picScroll-left .hd .next:hover {
    background: #020d92 url(../images/next_ico.png) no-repeat center;
}

.picScroll-left .hd ul li.on {
    background-position: 0 0;
}

.picScroll-left .bd {
    /* padding:10px; */
    overflow: hidden;
}

.picScroll-left .bd ul {
    overflow: hidden;
    zoom:1;}

.picScroll-left .bd ul li {
    width: 217px;
    float: left;
    text-align: left;
    padding-right: 25px;
}

.picScroll-left .bd ul li img {
    width: 213px;
    height: 295px;
    display: block;
    border: 2px #ccc solid;
}

.picScroll-left .pageState {
    display: none;
}

.picScroll-left .bd ul li h4 {
    color: #fff;
    font-size: 14px;
    text-align: center;
    line-height: 40px;
    height: 40px;
    background: #020d92;
}

.picScroll-left .bd ul li .effect_two {
    width: 216px;
    height: 298px;
    margin: auto;
}

.picScroll-left .bd ul li a:hover h4 {
    color: #fff;
}

.morePro {
    margin-top: 14px;
}

.morePro a {
    width: 141px;
    height: 39px;
    background: url(../images/ico_05H.png) no-repeat center;
    display: block;
    text-align: center;
    line-height: 39px;
    color: #fff;
    font-size: 12px;
}

.morePro a:hover {
}

/*行业应用*/
.appl {
    width: 1400px;
    margin: auto;
    overflow: hidden;
    margin-bottom: 60px;
    /* margin-top: 50px; */
}

.appl_dl {
    width: 688px;
}

.appl_dr {
    width: 692px;
}

.appl_d table td {
    padding: 0 !important;
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
}

.appl_d table td div {
    position: absolute;
    bottom: 0;
    padding: 0 !important;
    width: 100%;
    line-height: 50px;
    background: rgba(0,0,0,0.3);
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear;
}

.appl_d table td div a {
    color: #fff;
    font-size: 16px;
    display: block;
    position: relative;
    -webkit-transition: 0.3s all linear;
    transition: 0.3s all linear;
}

.appl_d table td:hover div a {
    height: 80%;
    padding-top: 20%;
}

.appl_d table td div a:before {
    content: "+";
    font-size: 40px;
    display: block;
    color: #fff;
    border-radius: 100%;
    -webkit-transition: 0.2s all ease-in-out;
    transition: 0.2s all ease-in-out;
    position: absolute;
    box-shadow: 0 0 0 40px rgba(6,140,234,0.2);
    background: rgba(6,140,234,0.6);
    opacity: 0;
}

.appl_d table td:hover div a:before {
    opacity: 1;
    -moz-transform: scale(0.4);
    -webkit-transform: scale(0.4);
    -ms-transform: scale(0.4);
    transform: scale(0.4);
}

.appl_d table td:hover div {
    height: 100%;
}

.appl_dl table td {
    width: 688px;
    height: 518px;
}

.appl_dl table td:hover div a {
    padding-top: 30%;
}

.appl_dl table td div a:before {
    left: 40%;
    top: 38%;
    width: 150px;
    height: 150px;
    line-height: 150px;
}

.appl_dr table td {
    width: 333px;
    height: 249px;
    margin-bottom: 20px;
}

.appl_dr table td+td {
    margin-left: 18px;
}

.appl_dr table td div a:before {
    top: 38%;
    left: 36%;
    width: 100px;
    height: 100px;
    line-height: 100px;
}

.top30 {
    margin-top: 30px;
}

.j_title {
    text-align: center;
    font-size: 40px;
    color: #333;
}

.j_title i {
    color: #333;
}

.j_title span {
    display: block;
    font-size: 18px;
    margin: 5px 0 0px 0;
}

.j_title em {
    font-size: 0;
    display: inline-block;
    height: 8px;
}

.j_title em i {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #ccd2cc;
    animation: bounce_fountainG 1.2s linear infinite;
}

.j_title em i+i {
    margin-left: 16px;
}

.j_title em i:nth-child(1) {
    animation-delay: .4s;
}

.j_title em i:nth-child(2) {
    background: #020d92;
    animation-delay: .6s;
}

.j_title em i:nth-child(3) {
    animation-delay: .8s;
}

/*流程*/
.process {
    width: 100%;
    min-width: 1200px;
    padding: 70px 0;
    position: relative;
    margin: 0 auto;
    height: 493px;
    background: url(../images/20201201172739_1171032341.jpg) top center no-repeat;
}

.process .box {
    width: 1300px;
    overflow: hidden;
    margin: auto;
    background: #fff;
}

.process:after {
    display: block;
    content: "";
    left: 0;
    right: 0;
    margin: 0 auto;
    bottom: 70px;
    z-index: 1;
    height: 20px;
    width: 100%;
}

.process_b {
    background: #fff;
    padding: 40px;
    overflow: hidden;
}

.process_l {
    width: 790px;
    line-height: 36px;
}

.process_l p {
    font-size: 20px;
    line-height: 38px;
}

.process_l dl {
    font-size: 30px;
    color: #333;
}

.process_li {
    display: block;
    margin-top: 22px;
    position: relative;
}

.process_li:before {
    display: block;
    content: "";
    border: 1px dashed #ddd;
    width: 100%;
    z-index: 1;
    position: absolute;
    top: 7px;
    left: 0;
}

.process_li li {
    box-sizing: border-box;
    padding-top: 52px;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    display: block;
    position: relative;
    z-index: 2;
    width: 100px;
    height: 160px;
}

.process_li li:hover {
    color: #333;
}

.process_li li:hover .img {
    transform: scale(1.15);
    -o-transform: scale(1.15);
    -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
    -wbkit-transform: scale(1.15);
}

.process_li li .img {
    display: block;
    margin: 8px auto;
    height: 25px;
    width: 25px;
    border-radius: 50%;
    overflow: hidden;
    background: #fff;
    padding: 5px;
    transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -moz-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
}

.process_li li .img img {
    height: 100%;
}

.process_li li+li {
    margin-left: 38px;
}

.process_tel {
    margin-top: 28px;
}

.process_tel .tel_l {
    width: 90px;
    padding: 12px;
    line-height: 24px;
    height: 68px;
    color: #fff;
    box-sizing: border-box;
    background: #444 url(../images/20201201172930_324777289.png) 12px 12px no-repeat;
}

.process_tel i {
    display: block;
    padding-left: 30px;
    font-size: 17px;
    font-family: "arial";
    font-style: normal;
}

.process_tel em {
    display: block;
    font-size: 16px;
    font-style: normal;
}

.process_tel .tel_r {
    font-size: 30px;
    color: #020d92;
    font-family: "arial";
    margin-left: 10px;
    line-height: 68px;
}

.process_r {
    width: 370px;
}

.process_r p {
    font-size: 20px;
    line-height: 38px;
}

.process_r dl {
    font-size: 30px;
    color: #333;
}

.cc_ri {
    width: auto;
}

.feed_lx {
    overflow: hidden;
    margin-top: 10px;
}

.cc_ri form {
    margin-bottom: 0 !important;
}

.cc_ri ul li input {
    width: 370px;
    height: 50px;
    line-height: 50px;
    padding: 0 10px 0 12px;
    background: #f5f5f5;
    outline: none;
    font-size: 14px;
    color: #333;
    border: none;
    margin-top: 7px;
}

.cc_ri ul li textarea {
    width: 370px;
    height: 75px;
    box-sizing: border-box;
    background: #f5f5f5;
    outline: none;
    font-size: 14px;
    color: #333;
    border: none;
    margin-top: 12px;
    line-height: 26px;
    padding: 12px;
    font-family: "microsoft yahei";
}

.process .code {
    margin: 10px auto 0 auto;
    font-size: 0;
}

.process .code input {
    width: 180px;
    cursor: pointer;
    height: 50px;
    vertical-align: top;
    font-size: 14px;
    border: none;
    outline: none;
    float: left;
    color: #fff;
    background: #444;
}

.process .code input+input {
    float: right;
    background: #020d92;
    cursor: pointer;
}

.process .code input:hover {
    background: #222;
    color: #fff;
}

/*简介*/
.about {
    height: 610px;
    background: url(../images/20201108000019_971330784.jpg) no-repeat center;
}

.about .w1300 {
    width: 1300px;
    margin: 0 auto;
}

.abwa {
    width: 722px;
    padding: 50px 0px 50px 0px;
    margin-top: 100px;
}

.abwa>p:nth-child(1) {
    font-size: 40px;
    font-weight: bold;
    color: #333333;
}

.abwa>p:nth-child(1) span {
    color: #020d92;
}

.abwa>p:nth-child(2) {
    font-size: 24px;
    color: #666666;
    margin: 10px 0px 25px 0px;
}

.abwa>p:nth-child(3),.abwa>p:nth-child(3) a {
    font-size: 14px;
    color: #999999;
    line-height: 30px;
}

.abwa>p:nth-child(3) a:hover {
    text-decoration: underline;
    color: #005cc3;
}

.abwa ul {
    margin-top: 20px;
}

.abwa ul li {
    float: left;
}

.abwa ul li a {
    display: block;
    padding-left: 55px;
    font-size: 18px;
    color: #343434;
}

.abwa ul li a:hover {
    color: #23c9ff;
}

.abwa ul li a span {
    font-size: 12px;
    color: #bbbbbb;
    margin-top: 3px;
    display: block;
}

.abwa ul li:nth-child(1) a {
    background: url(../images/20201107215601_986294353.png) no-repeat left center;
}

.abwa ul li:nth-child(2) a {
    background: url(../images/20201107215717_1089781274.png) no-repeat left center;
}

.abwa ul li:nth-child(3) a {
    background: url(../images/20201107215643_1546570724.png) no-repeat left center;
}

.abwa ul li+li {
    margin-left: 70px;
}

/* 荣誉css */
.rongyu {
    background: #f5f5f5;
    padding-top: 10px;
    padding-bottom: 80px;
}

.rongyu .container {
    width: 1300px;
}

.slideGroup55 {
    width: 100%;
}

.slideGroup55 .parHd {
    text-align: center;
    position: relative;
    top: 40px;
}

.slideGroup55 .parHd ul {
    text-align: center;
    display: inline-block;
}

.slideGroup55 .parHd ul li a {
    display: block;
    color: rgba(255,255,255,0.8);
    font-size: 16px;
}

.slideGroup55 .parHd ul li img {
    display: block;
    margin: 25px auto 5px;
    opacity: .5
}

.slideGroup55 .parHd ul li {
    display: inline-block;
    *display: inline;
    *zoom:1;vertical-align: middle;
    width: 120px;
    height: 120px;
    font-size: 16px;
    margin: 0 7px;
    background: url("../images/xcbg_02.png") no-repeat center center;
    float: left;
}

.slideGroup55 .parHd ul li.on img {
    opacity: 1;
}

.slideGroup55 .parHd ul li.on a {
    color: #fff;
}

.slideGroup55 .parHd ul li.on {
    background: url("../images/xcbg_01.png") no-repeat center center;
}

.slideGroup55 .slideBox {
    overflow: hidden;
    zoom:1;position: relative;
}

.slideGroup55 .parBd {
    width: 100%;
    overflow: hidden;
    margin-top: 80px;
}

.slideGroup55 .sPrev {
    position: absolute;
    left: 0;
    top: 125px;
    display: block;
    width: 75px;
    height: 75px;
    background: url("../images/fjtz.png") center center no-repeat;
}

.slideGroup55 .sNext {
    position: absolute;
    right: 0;
    top: 125px;
    display: block;
    width: 75px;
    height: 75px;
    background: url("../images/fjtr.png") center center no-repeat;
}

.slideGroup55 .parBd ul {
    overflow: hidden;
    zoom:1;}

.slideGroup55 .parBd ul li {
    margin: 0 7px;
    float: left;
    _display: inline;
    overflow: hidden;
    text-align: center;
    width: 310px;
    background: #fff;
}

.slideGroup55 .parBd ul li .pic {
    overflow: hidden;
}

.slideGroup55 .parBd ul li .pic img {
    width: 100%;
    height: 196px;
    display: block;
    transition: all 0.5s;
}

.slideGroup55 .parBd ul li:hover .pic img {
    transition: all 0.5s;
    transform: scale(1.1);
}

.slideGroup55 .parBd ul li .title {
    line-height: 52px;
    font-size: 16px;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 0px;
    color: #fff;
    background: #111;
    width: 100%;
}

/*news*/
.news_box .page {
    width: 1400px;
    margin: 0 auto;
    overflow: hidden;
}

.news_box {
    padding-top: 89px;
}

.news_con {
    overflow: hidden;
}

.news_bt {
}

.news_bt b {
    font-size: 38px;
    float: left;
    font-weight: normal;
    line-height: 38px;
}

.news_bt b span {
    text-transform: uppercase;
    color: #eee;
    font-size: 38px;
    padding-left: 5px;
}

.news_bt em {
    float: left;
    font-size: 22px;
    letter-spacing: -4px;
    line-height: 42px;
    margin-left: 10px;
}

.news_tab {
    height: 42px;
    margin-left: 12px;
}

.news_tab .on b {
    color: #fff;
    background: #111;
    width: 150px;
    border-radius: 50px;
    text-align: center;
    display: block;
}

.news_tab a {
    display: block;
    float: left;
    width: 150px;
    border: 1px #eee solid;
    border-radius: 50px;
    text-align: center;
}

.news_tab a+a {
    margin-left: 19px;
}

.news_tab a b {
    line-height: 40px;
    font-size: 20px;
    font-weight: 100;
    color: #333;
}

.news_btn {
    margin-right: 12px;
}

.news_btn div {
    float: left;
    cursor: pointer;
}

.news_btn div em {
    border: 14px solid;
    border-color: transparent #c2c2c2 transparent transparent;
    margin-top: 11px;
}

.news_btn div:last-child em {
    border-color: transparent transparent transparent #c2c2c2;
}

.news_btn i {
    float: left;
    height: 27px;
    width: 1px;
    background: #c2c2c2;
    margin: 0 6px;
}

.news_list {
    margin-top: 85px;
    overflow: hidden;
}

.news_list ul {
    display: block;
}

.news_list li {
}

.news_list .tempWrap {
    width: 100% !important;
}

.news_list .news_div {
}

.news_list .news_div_item {
    position: relative;
    height: 610px;
    width: 447px;
    float: left;
    margin-right: 27px;
}

.news_list .news_div_item:last-child {
    margin-right: 0;
}

.news_list .news_div_item_date {
    left: 19px;
    top: 385px;
    height: 22px;
    padding-left: 32px;
    background: url(../images/20201123114721_135884763.png) no-repeat left center;
}

.news_list .news_div_item_content {
    left: 21px;
    top: 425px;
}

.news_list .news_div_item_content,.news_list .news_div_item_date {
    position: absolute;
}

.news_list .news_div_item_pic {
    border: 1px #ccc solid;
}

.news_list .news_div_item_pic a {
    display: block;
    overflow: hidden;
}

.news_list .news_div_item_image {
    width: 482px;
    transform: scale(1);
    transition: all 0.5s;
    height: 362px;
}

.news_list .news_div_item_title {
    display: block;
    margin-bottom: 18px;
    transition: all 0.5s;
}

.news_list .news_div_item_title a {
    font-size: 20px;
    font-weight: normal;
    transition: all 0.5s;
}

.news_list .news_div_item_title a p {
    position: absolute;
    bottom: -82px;
    left: 0;
    width: 150px;
    height: 42px;
    background: #111;
    line-height: 42px;
    color: #fff;
    border-radius: 42px;
    padding-left: 23px;
    transition: all 0.5s;
    font-size: 16px;
}

.news_list .news_div_item_title a p:after {
    position: absolute;
    content: '→';
    font-size: 16px;
    margin-left: 9px;
    font-weight: 100;
}

.news_list .news_div_item_body {
    line-height: 24px;
    font-size: 16px;
    font-weight: 100;
    color: #666;
}

.news_list .news_div_item_year,.news_list .news_div_item_month,.news_list .news_div_item_day {
    float: left;
    font-family: 'Roboto';
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    color: #565656;
}

.news_list .news_div_item:hover .news_div_item_title a {
    color: #020d92;
    transition: all 0.5s;
}

.news_list .news_div_item:hover .news_div_item_title a p {
    background: #020d92;
    transition: all 0.5s;
}

.news_list .news_div_item:hover .news_div_item_image {
    transform: scale(1.1);
    transition: all 0.5s;
}

.faq_row2 > .faq_item {
    display: block;
    line-height: 60px;
}

.faq_row2 > .faq_item * {
    transition: 0.3s all ease
}

.faq_row2 > .faq_item > .str,.faq_row2 > .faq_item > p {
    display: block;
    box-sizing: border-box;
    border: 1px solid #c4c4c4;
    border-radius: 60px;
    position: relative;
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 0 30px;
    margin: 22px 0;
}

.faq_row2 > .faq_item > .str:after {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    background: #c4c4c4 url(../images/faq_row2_1.png) no-repeat center;
    position: absolute;
    left: 0px;
    top: 0;
    border-radius: 50%;
    transition: 0.3s all ease
}

.faq_row2 > .faq_item > p:after {
    content: '';
    display: block;
    width: 60px;
    height: 60px;
    background: #020d92 url(../images/faq_row2_2.png) no-repeat center;
    position: absolute;
    right: 0px;
    top: 0;
    border-radius: 50%;
    transition: 0.3s all ease
}

.faq_row2 > .faq_item > .str {
    padding-left: 75px;
}

.faq_row2 > .faq_item > p {
    padding-right: 75px;
}

.faq_row2 > .faq_item:hover > p:after {
    background-color: #020d92
}

.faq_row2 > .faq_item:hover > .str:after {
    background-color: #666
}

/* Float */
.hvr-float {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0,0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}

.hvr-float:hover,.hvr-float:focus,.hvr-float:active {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
    cursor: pointer
}